<!--
此文件为开发者工具生成，生成时间: 2024/4/3下午9:43:52
使用方法：
在 D:\001Study\Graduation Design\shitu\dist\dev\mp-weixin\pages\detail\detail.wxml 引入模板

```
<import src="detail.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\001Study\Graduation Design\shitu\dist\dev\mp-weixin\pages\detail\detail.wxss 中引入样式
```
@import "./detail.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <scroll-view
      scroll-y="true"
      class="detail detail data-v-9cb6f745 data-v-9cb6f745"
      enable-back-to-top="true"
    >
      <view class="detail-header detail-header data-v-9cb6f745 data-v-9cb6f745">
        <view
          class="detail-header-swiper detail-header-swiper data-v-9cb6f745 data-v-9cb6f745"
        >
          <swiper
            autoplay="false"
            circular="true"
            indicator-dots="true"
            class="swiper swiper data-v-9cb6f745 data-v-9cb6f745"
            duration="1000"
            interval="3000"
            current="0"
          >
            <swiper-item
              class="data-v-9cb6f745 data-v-9cb6f745"
              style="
                position: absolute;
                width: 100%;
                height: 100%;
                transform: translate(0%, 0px) translateZ(0px);
              "
            >
              <image class="data-v-9cb6f745 sk-image" mode="aspectFill"></image>
            </swiper-item>
          </swiper>
        </view>
        <view
          class="detail-header-panel detail-header-panel data-v-9cb6f745 data-v-9cb6f745"
        >
          <view class="panel-top panel-top data-v-9cb6f745 data-v-9cb6f745">
            <image
              class="panel-img data-v-9cb6f745 sk-image"
              mode="aspectFill"
            ></image>
            <view class="panel-title data-v-9cb6f745 sk-transparent"
              >鼎湖山酒家
              <view
                is="node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag"
                class="data-v-9cb6f745 data-v-9cb6f745"
              >
                <text
                  class="uni-tag tag--uni-tag data-v-980bad10 tag--data-v-980bad10 uni-tag--warning tag--uni-tag--warning uni-tag--small tag--uni-tag--small uni-tag--warning--inverted tag--uni-tag--warning--inverted uni-tag--mark tag--uni-tag--mark uni-tag--inverted tag--uni-tag--inverted uni-tag-text--warning tag--uni-tag-text--warning uni-tag-text--small tag--uni-tag-text--small sk-transparent sk-text-7-1429-885 sk-text"
                  style="true"
                  >粤菜</text
                >
              </view>
            </view>
            <view class="panel-rate data-v-9cb6f745 sk-transparent">
              <view
                is="node-modules/@dcloudio/uni-ui/lib/uni-rate/uni-rate"
                class="data-v-9cb6f745 data-v-9cb6f745"
              >
                <view>
                  <view class="uni-rate rate--uni-rate">
                    <view
                      class="uni-rate__icon rate--uni-rate__icon"
                      style="margin-right: 0px"
                    >
                      <view
                        is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                      >
                        <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color: #ececec; font-size: 18px"
                        ></text>
                      </view>
                      <view
                        class="uni-rate__icon-on rate--uni-rate__icon-on"
                        style="width: 0"
                      >
                        <view
                          is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                        >
                          <text
                            class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                            style="color: #ffca3e; font-size: 18px"
                          ></text>
                        </view>
                      </view>
                    </view>
                    <view
                      class="uni-rate__icon rate--uni-rate__icon"
                      style="margin-right: 0px"
                    >
                      <view
                        is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                      >
                        <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color: #ececec; font-size: 18px"
                        ></text>
                      </view>
                      <view
                        class="uni-rate__icon-on rate--uni-rate__icon-on"
                        style="width: 0"
                      >
                        <view
                          is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                        >
                          <text
                            class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                            style="color: #ffca3e; font-size: 18px"
                          ></text>
                        </view>
                      </view>
                    </view>
                    <view
                      class="uni-rate__icon rate--uni-rate__icon"
                      style="margin-right: 0px"
                    >
                      <view
                        is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                      >
                        <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color: #ececec; font-size: 18px"
                        ></text>
                      </view>
                      <view
                        class="uni-rate__icon-on rate--uni-rate__icon-on"
                        style="width: 0"
                      >
                        <view
                          is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                        >
                          <text
                            class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                            style="color: #ffca3e; font-size: 18px"
                          ></text>
                        </view>
                      </view>
                    </view>
                    <view
                      class="uni-rate__icon rate--uni-rate__icon"
                      style="margin-right: 0px"
                    >
                      <view
                        is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                      >
                        <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color: #ececec; font-size: 18px"
                        ></text>
                      </view>
                      <view
                        class="uni-rate__icon-on rate--uni-rate__icon-on"
                        style="width: 0"
                      >
                        <view
                          is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                        >
                          <text
                            class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                            style="color: #ffca3e; font-size: 18px"
                          ></text>
                        </view>
                      </view>
                    </view>
                    <view
                      class="uni-rate__icon rate--uni-rate__icon"
                      style="margin-right: 0px"
                    >
                      <view
                        is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                      >
                        <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color: #ececec; font-size: 18px"
                        ></text>
                      </view>
                      <view
                        class="uni-rate__icon-on rate--uni-rate__icon-on"
                        style="width: 0"
                      >
                        <view
                          is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                        >
                          <text
                            class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                            style="color: #ffca3e; font-size: 18px"
                          ></text>
                        </view>
                      </view>
                    </view>
                  </view>
                </view> </view
              >0</view
            >
          </view>
          <view
            class="panel-content panel-content data-v-9cb6f745 data-v-9cb6f745"
          >
            <view
              class="price data-v-9cb6f745 sk-transparent sk-text-14-2857-81 sk-text"
              >￥11.00/人</view
            >
            <view class="phone data-v-9cb6f745 sk-transparent"
              >联系电话：(0758)2621072
              <view
                is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                class="phone-icon phone-icon data-v-9cb6f745 data-v-9cb6f745"
              >
                <text
                  class="uni-icons icons--uni-icons uniui-phone-filled icons--uniui-phone-filled sk-pseudo sk-pseudo-circle"
                  style="color: #fff; font-size: 16px"
                ></text>
              </view>
            </view>
          </view>
          <view
            class="panel-address panel-address data-v-9cb6f745 data-v-9cb6f745"
          >
            <view
              is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
              class="data-v-9cb6f745 data-v-9cb6f745"
            >
              <text
                class="uni-icons icons--uni-icons uniui-location-filled icons--uniui-location-filled sk-pseudo sk-pseudo-circle"
                style="color: #555; font-size: 24px"
              ></text>
            </view>
            <view class="address data-v-9cb6f745 sk-transparent"
              >鼎湖区上山路81鼎湖别墅山庄西95米
              <view
                is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                class="data-v-9cb6f745 data-v-9cb6f745"
              >
                <text
                  class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
                  style="color: #555; font-size: 12px"
                ></text>
              </view>
            </view>
            <view
              is="node-modules/@dcloudio/uni-ui/lib/uni-fav/uni-fav"
              class="favBtn favBtn data-v-9cb6f745 data-v-9cb6f745"
            >
              <view
                class="uni-fav--circle fav--uni-fav--circle uni-fav fav--uni-fav"
                style="background-color: #eeeeee"
              >
                <view
                  is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                  class="uni-fav-star fav--uni-fav-star"
                  style="color: #555"
                >
                  <text
                    class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                    style="color: #555; font-size: 14px"
                  ></text>
                </view>
                <text
                  class="uni-fav-text fav--uni-fav-text sk-transparent sk-text-26-0000-445 sk-text"
                  style="color: rgb(85, 85, 85); background-position-x: 50%"
                  >收藏</text
                >
              </view>
            </view>
          </view>
        </view>
      </view>
      <view
        class="detail-intro-panel detail-intro-panel data-v-9cb6f745 data-v-9cb6f745"
      >
        <view
          is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section"
          class="data-v-9cb6f745 data-v-9cb6f745"
        >
          <view class="uni-section section--uni-section">
            <view class="uni-section-header section--uni-section-header">
              <view
                class="uni-section-header__decoration section--uni-section-header__decoration line section--line"
              ></view>
              <view
                class="uni-section-header__content section--uni-section-header__content"
              >
                <text
                  class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-750 sk-text"
                  style="font-size: 16px; color: #333"
                  >详细介绍</text
                >
              </view>
              <view
                class="uni-section-header__slot-right section--uni-section-header__slot-right"
              ></view>
            </view>
            <view
              class="uni-section-content section--uni-section-content"
              style="padding: "
            >
              <view
                class="intro data-v-9cb6f745 sk-transparent sk-text-14-2857-887 sk-text"
                >123213</view
              >
            </view>
          </view>
        </view>
      </view>
      <view
        class="detail-images-panel detail-images-panel data-v-9cb6f745 data-v-9cb6f745"
      >
        <image
          class="image data-v-9cb6f745 sk-image"
          mode="scaleToFill"
        ></image>
        <image
          class="image data-v-9cb6f745 sk-image"
          mode="scaleToFill"
        ></image>
      </view>
    </scroll-view>
  </view>
</template>
<style scoped>
/*
此文件为开发者工具生成，生成时间: 2024/4/3下午9:43:52

在 D:\001Study\Graduation Design\shitu\dist\dev\mp-weixin\pages\detail\detail.wxss 中引入样式
```
@import "./detail.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-7-1429-885 {
  background-image: linear-gradient(
    transparent 7.1429%,
    #eeeeee 0%,
    #eeeeee 92.8571%,
    transparent 0%
  ) !important;
  background-size: 100% 24.4186rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-81 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-26-0000-445 {
  background-image: linear-gradient(
    transparent 26%,
    #eeeeee 0%,
    #eeeeee 74%,
    transparent 0%
  ) !important;
  background-size: 100% 43.6047rpx;
  position: relative !important;
}
.sk-text-14-2857-750 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}
.sk-text-14-2857-887 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
